

$(document).ready(function() {
//////////////////////////////////////
$(".closeBtn").click(function(){
  $(".magnifyBox").hide(1000);
})
///////////////////////////////////////点击图片放大效果
$(".imgBox>img").click(function() {
  console.log($(this).attr("src"));
  $(".magnifyBox").show(1000);
  $(".changeImg").attr("src", $(this).attr("src"));
});
///////////////////////////////////////
$(".leftBtn").click(function(){
  var str = $(".changeImg").attr("src").replace(/[^0-9]/gi, "");
  str--
  if(str<1){
    str=1
    $(".magnifyBox").hide(1000);
  }
  $(".changeImg").attr("src", "images/plan/pran" + str + ".jpg");
});
////////////////////////////////////////////////
$(".rightBtn").click(function(){
  var str = $(".changeImg").attr("src").replace(/[^0-9]/gi, "");
  str++;
    console.log(str)
  if(str>14){
    str=14
     $(".magnifyBox").hide(1000);
  }
    console.log(str)
  $(".changeImg").attr("src", 'images/plan/pran'+str+'.jpg');
});
//////////////////////////////////////
// $(".navList>li").click(function() {
//   if ($(this).text() == "平面作品") {
//     $(".rightBox").animate({ scrollTop: $(".planBox").offset().top }, 500);
//   } else if ($(this).text() == "移动端项目") {
//     $(".rightBox").animate({ scrollTop: $(".webAppBox").offset().top }, 500);
//   }else if ($(this).text() == "web端项目") {
//
//      $(".rightBox").animate({ scrollTop: $(".webBox").offset().top }, 500);
//   }else{
//     $(".rightBox").animate({ scrollTop: $(".individual").offset().top }, 500);
//   }
// });

});

jQuery(function($) {
    $("map[name='Map'] area").click(function() {
        $("html, body").animate({
            scrollTop: $($(this).attr("href")).offset().top + "px"
        }, 1500);
        return false;
    });
});
